<html>
    <head>
        <style>
            table,td,th{
                border: 1px solid black;
            }
            table{
                border-collapse: collapse;
            }
        </style>
    </head>
        <body>
             <form action=""></form>
             <h4></h4>
             <label for="">用户名</label>
             <input type="text" name="" id=""><br>
             <label for="">密码</label>
            <input type="password" name="" id=""><br>
            <!-- 
            <h1>1级标签体</h1>
            <h2>2级标签体</h2>
            <h3>3级标签体</h3>
            <h4>4级标签体</h4>
            <h5>5级标签体</h5>
            <h6>6级标签体</h6>
            <h7>7级标签体</h7>
            <h8>8级标签体</h8>
            <h9>9级标签体</h9>
            <h10>10级标签体</h10> 
            -->
            <button id="dianji">点击</button><br>
            <input type="button" value="充值"><br>
            <input type="checkbox"><br>
            <input type="color"><br>
            <input type="email" name="电子邮箱" id=""><br>
            <input type="file" name="上传文件" id=""><br>
            <input type="date" name="" id=""><br>
            <input type="datetime-local" name="" id=""><br>
            <b>加粗</b>
            <del>删除线</del>
            <i>斜体</i>
            <u>下划线</u>
            <ul>
                <li>123</li>
                <li>123</li>
            </ul>
            <ol>
                <li>123</li>
                <li>123</li>
            </ol>

            <input type="text" id="list1" list="datalist1">
            <datalist id="datalist1">
                <option value="张三">1</option>
                <option value="李四">2</option>
                <option value="王五">3</option>
                <option value="周六">4</option>

            </datalist>

            <table>
                <thead >
                    <tr>
                        <th colspan="2">姓名</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                    <td >er </td>
                    <td>yi </td>
                    <td>san</td>
                    </tr>
                </tfoot>
            </table>

       </body>
</html>